/*#banner*/

#banner {
	/*background: #d3ebe9;*/
	background: #1fafa2;
	height: 35.5em;
}

.banner_male {
	position: absolute!important;
	right: 0;
	top: -2.2em;
}

.banner_female {
	position: absolute!important;
	left: 0;
	top: -2em;
}

#banner header {
	position: absolute;
	left: 0;
	top: 0;
	left: 50%;
	top: 50%;
	/*
				To vertically center this we need to set a width/height for the header
				overlay, then set a negative left/top margin set to half its width/height.
			*/
	width: 44em;
	height: 28em;
	margin-left: -22em;
	margin-top: -14em;
	background: url("/img/official/banner/bannerbg.png") repeat;
	text-align: center;
}

#banner header .byline {
	color: #fff;
	text-align: left;
	font-size: 2em;
	line-height: 2em;
	padding: 0.2em 1.2em;
}


/*//================================*/

.major {
	position: relative;
	text-align: center;
	border-top: solid 2px #e0e0e0;
	top: 1em;
}
		.major h2
		{
			background: url('/img/official/bg.jpg') repeat;
			position: relative;
			top: -2.7em;
			display: inline;
			margin: 0;
			padding: 0 1em 0 1em;
			font-size: 1.7em;
		}
		.major p{
			margin-bottom:0px!important;
			line-height: 3.5em;
			font-size: 1.1em;
		}

/*============================*/